<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<h2>非默认样式手动使用 ‘inherit’ 特性值继承</h2>
<div style="border:10px solid red;padding:20px;">
	<span style="border:inherit;">border:inherit</span>
	Hello!
</div>
<h2>常用行内元素的'display'默认样式在常用块标记 DIV 与 P 内手动使用 'inherit' 特性值继承</h2>

<span>
	<div style="display:inherit;">div</div>
	+ span
<span>

<em>
	<div style="display:inherit;">div</div>
	+ strong
<em>

<strong>
	<div style="display:inherit;">div</div>
	+ strong
</strong>

<var>
	<div style="display:inherit;">div</div>
	+ var
</var>

<code>
	<div style="display:inherit;">div</div>
	+ code
</code>


<q>
	<div style="display:inherit;">div</div>
	+ q
</q>


<s>
	<div style="display:inherit;">div</div>
	+ s
</s>


<b>
	<div style="display:inherit;">div</div>
	+ b
</b>

<i>
	<div style="display:inherit;">div</div>
	+ i
</i>

<samp>
	<div style="display:inherit;">div</div>
	+ samp
</samp>

<kbd>
	<div style="display:inherit;">div</div>
	+ kbd
</kbd>

<var>
	<div style="display:inherit;">div</div>
	+ var
</var>

<cite>
	<div style="display:inherit;">div</div>
	+ cite
</cite>

<abbr>
	<div style="display:inherit;">div</div>
	+ abbr
</abbr>

<dfn>
	<div style="display:inherit;">div</div>
	+ dfn
</dfn>

<acronym>
	<div style="display:inherit;">div</div>
	+ acronym
</acronym>



<span>
	<p style="display:inherit;">p</p>
	+ span
<span>

<em>
	<p style="display:inherit;">p</p>
	+ strong
<em>

<strong>
	<p style="display:inherit;">p</p>
	+ strong
</strong>

<var>
	<p style="display:inherit;">p</p>
	+ var
</var>

<code>
	<p style="display:inherit;">p</p>
	+ code
</code>


<q>
	<p style="display:inherit;">p</p>
	+ q
</q>


<s>
	<p style="display:inherit;">p</p>
	+ s
</s>


<b>
	<p style="display:inherit;">p</p>
	+ b
</b>

<i>
	<p style="display:inherit;">p</p>
	+ i
</i>

<samp>
	<p style="display:inherit;">p</p>
	+ samp
</samp>

<kbd>
	<p style="display:inherit;">p</p>
	+ kbd
</kbd>

<var>
	<p style="display:inherit;">p</p>
	+ var
</var>

<cite>
	<p style="display:inherit;">p</p>
	+ cite
</cite>

<abbr>
	<p style="display:inherit;">p</p>
	+ abbr
</abbr>

<dfn>
	<p style="display:inherit;">p</p>
	+ dfn
</dfn>

<acronym>
	<p style="display:inherit;">p</p>
	+ acronym
</acronym>

<h2>常用块级元素 DIV 和 P 的'display'默认样式在 SPAN 元素内手动使用 'inherit' 特性值继承</h2>

<div>
	<span style="display:inherit">span</span>
	+ div
<div>

<p>
	<span style="display:inherit">span</span>
	+ p
<p>


<h2>行内元素 button 的默认样式手动使用 'inherit' 特性值继承</h2>
<button>
	<div style="display:inherit;">div</div>
	+ button
</button>

<button>
	<div style="border:inherit;">div</div>
	+ button
</button>

<button>
	<span style="border:inherit;">span</span>
	+ button
</button>

<h2>行内元素 button 的默认样式 border 在 P 标记内手动使用 'inherit' 特性值继承</h2>

<button>
	<p style="border:inherit;">p</div>
</button>

<body>
</html>